import React, { FC } from 'react';
import { View, Text } from '@tarojs/components';
import { styled } from 'linaria/react';
import { useClassName } from '@/utils/index';
import ProductTitle from './ProductTitle/ProductTitle';
import ProductContentFooter from './ProductContentFooter/ProductContentFooter';

export interface IProps extends ICompProps {}
ProductContent.defaultProps = {} as Partial<IProps>;
function ProductContent(props: IProps) {
    const { className, style, ...other } = props;
    const localClassName = useClassName('ProductContent', className);
    return <RootView className={localClassName} style={style}>
        <ProductTitle></ProductTitle>
        <ProductContentFooter></ProductContentFooter>
    </RootView>;
}
export default React.memo(ProductContent as FC<IProps>);
const RootView = styled(View)`
    &.ProductContent {
        margin-left: 32px;
        width: 458px;
        display: flex;
        flex-direction: column;
        justify-content: space-around;
    }
`;
